*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.treebox{
    border: 1px solid #ccc;
}
.title{
	padding-left: 20px;
	background-image: linear-gradient(to bottom,#f8f8f8,#ececec);
}
.treeitem{
    padding-left: 20px;
}
.treeitem:nth-child(odd){
	background-color: #f9f9f9;
} 
.lines{
    height: 1px;
    background-color: #ccc;
    width: 100% ;
}
/* .temp-lv1,.temp-lv1 .el-pager li.active{
    color: rgb(255, 164, 89);
}

.temp-lv2,.temp-lv2 .el-pager li.active{
    color: rgb(33, 52, 228);
}
.temp-lv3,.temp-lv3 .el-pager li.active{
    color: rgb(248, 3, 44);
}
.temp-lv4,.temp-lv4 .el-pager li.active{
    color: rgb(3,214,250);
}
.temp-lv5,.temp-lv5 .el-pager li.active{
    color: rgb(112, 95, 81);
} */
.icons-down{
    display: inline-block;
    background: url(./down.png) no-repeat;
    width: 20px;
    height: 20px;
    transform: rotate(-90deg);
    background-size: 100%;
    margin-right:  5px;
}
.loading{
    display: inline-block;
    background: url(./loading.png) no-repeat;
    width: 14px;
    height: 14px;
    background-size: 100%;
    margin-right: 5px;
    animation: rotaos 1s linear infinite;
}
.iconsright{
    transform: rotate(0deg);
}
@keyframes rotaos{
    0%{transform: rotate(0deg);}
    100%{
        transform: rotate(360deg);
    }
} 

	
.rowitem:hover{
    background-color: rgb(227, 225, 228);
}
.title-ti{
    width:150px;
	    line-height: 40px;
		height: 40px;
    padding-left:20px;
    border-left: 1px solid #ccc;
}
.title-ti:first-child{
    border-left: 0;
}
.flex{
display: flex;
}

.flex-ac {
    align-items: center;
}
.flex-column {
    flex-direction: column;
}
.flex-jc-sb {
    justify-content: space-between;
}
.flex-jc-ac {
    justify-content: center;
    align-items: center;
}
.flex-row{
    flex-direction: row;
}
.flex-jc-sa {
    justify-content: space-around;
}

.flex1{
        flex: 1;  
}